<template xmlns:background-color="http://www.w3.org/1999/xhtml">
  <a-row :gutter="10">
    <a-col>
      <div>
        <a-tabs type="card" size="small" defaultActiveKey="1" @change="activeChange" style="margin-bottom: 0px;">
        <a-tab-pane tab="库存设备"  key="1"><equipment-modal-a></equipment-modal-a> </a-tab-pane>
        <a-tab-pane tab="已售设备"  key="2"><equipment-modal-b></equipment-modal-b></a-tab-pane>
        <a-tab-pane tab="机器设备"  key="3"><equipment-modal-c></equipment-modal-c> </a-tab-pane>
      </a-tabs>
        </div>
    </a-col>
  </a-row>
</template>
<script>
import equipmentModalA from './modules/equipmentModalA'
import equipmentModalB from "./modules/equipmentModalB"
import equipmentModalC from './modules/equipmentModalC'
import { login } from '@api/login'

export default {
  name: "DeviceDanager",
  components: {
    equipmentModalA,
    equipmentModalB,
    equipmentModalC
  },
  data() {
    return {

    }
  },
  created() {

  },
  methods: {
    //  tab标签切换事件
    activeChange(indexStyle) {
      if (indexStyle == 1){
        console.log('点击了1')
      }else if (indexStyle == 2){
        console.log('点击了2')
      }else if (indexStyle == 3){
        console.log('点击了3')
      }
    },
  }
}
</script>